/* components/comment-item/comment-item.wxss */
.comment-item {
  border-bottom: 1px solid #f6f6f6;
  box-sizing: border-box;
  &.replay-content {
    border-bottom: none;
    .comment-item-container {
      margin-bottom: 24rpx;
      background-color: #f5f5f5;
      padding: 24rpx 32rpx;
      margin-left: 84rpx;
      &:last-child {
        margin-bottom: 32rpx;
      }
    }
  }
  .comment-item-container {
    display: flex;
    padding: 32rpx;
    .comment-icon {
      width: 60rpx;
      height: 60rpx;
      margin-right: 24rpx;
    }
    .comment-item-content {
      flex: 1;
      .comment-author {
        font-size: 34rpx;
        font-weight: 600;
        padding: 2rpx 0rpx 16rpx;
      }
      .multi-reply {
        .multi-reply-authorName {
          padding: 0px 8rpx;
          color: #666666;
        }
        .multi-reply-content {
          display: inline;
        }
      }
      .comment-item-date {
       padding-top: 18rpx;
       color: #808080;
      }
    }
  }
}